@media (max-width: 768px) {
  .clearfix:before {
    content: "";
    display: block;
    clear: both;
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  .clearfix {
    zoom: 1;
  }
  .s-main-layout {
    max-width: 100%;
  }
  .s-main-layout .s-article-layout .pdlx {
    font-size: .14rem;
    float: right;
    overflow: hidden;
    padding-bottom: .32rem;
    margin-right: .2rem;
  }
  .s-main-layout .s-article-layout .pdlx span {
    padding: .08rem  0;
    color: #b3b3b3;
  }
  .s-main-layout .s-article-layout .pdlx span:first-child {
    margin-right: .32rem;
  }
  .s-main-layout .s-article-layout .pdlx .pdlxok {
    color: #7D7D7D!important;
    border-bottom: .02rem solid #7D7D7D!important;
  }
  .s-main-layout .s-article-layout .s-article-itmes {
    padding: .24rem .2rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd {
    margin-bottom: .18rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-user-bd .avatar {
    height: .36rem;
    width: .36rem;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: .1rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-user-bd .avatar img {
    width: 100%;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-user-bd .info {
    float: left;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-user-bd .name {
    margin-bottom: .04rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-user-bd .name a {
    font-size: .12rem;
    color: #27c4b5;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-user-bd .date {
    color: #b3b3b3;
    font-size: .12rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-left {
    float: left;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-right {
    float: right;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-right i {
    display: inline-block;
    width: .15rem;
    height: .15rem;
    margin-right: .08rem;
    vertical-align: text-bottom;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-right span {
    color: #b3b3b3;
    font-size: .12rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-class1 i {
    background: url(../images/green.png) no-repeat;
    background-size: 100%;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-hd .s-class2 i {
    background: url(../images/yellow.png) no-repeat;
    background-size: 100%;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd {
    width: 100%;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-img {
    width: 100%;
    height: 1.13rem;
    margin-bottom: .26rem;
    overflow: hidden;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-img a {
    display: block;
    width: 100%;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-img a img {
    width: 100%;
    display: node;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-tit {
    font-size: .18rem!important;
    margin-bottom: .12rem!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-tit a {
    color: #202222;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-txt {
    font-size: .14rem!important;
    margin-bottom: .24rem!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-txt a {
    color: #737373;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd {
    color: #b3b3b3;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .s-right {
    float: right;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .s-right span {
    margin-left: -0.02rem;
    font-size: .14rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .s-right i {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .08rem;
    vertical-align: text-bottom;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .rightsc i {
    background: url(../images/sc.png) no-repeat;
    background-size: 100%;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .rightpl {
    margin-right: .2rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .rightpl i {
    background: url(../images/pinglun.png) no-repeat;
    background-size: 100%;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .righttj {
    margin-right: .2rem;
  }
  .s-main-layout .s-article-layout .s-article-itmes .s-article-bd .s-article-fd .righttj i {
    background: url(../images/tuij.png) no-repeat;
    background-size: 100%;
  }
  .s-main-layout .s-article-layout .line {
    border-bottom: 1px solid #EFF0F0;
  }
}
